@import 'public';

.foot{
    .service{
        display: flex;
        padding: 27px 0px;
        border-bottom: 1px solid #e0e0e0;
        li{
            width: 25%;
            height: auto;
            border-right: 1px solid #e0e0e0;
            
            text-align: center;
            a{
                color: #616161;
                .iconfont{
                    font-size: 20px;
                    color: #616161;
                    margin-right: 6px;
                    vertical-align: middle;
                    transition: 0.2s;
                    -webkit-transition: 0.2s;
                    -moz-transition: 0.2s;
                    -ms-transition: 0.2s;
                    -o-transition: 0.2s;
                }
                transition: 0.2s;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -ms-transition: 0.2s;
                -o-transition: 0.2s;
            }
            a:hover{
                color: $color;
                .iconfont{
                    color: $color;
                }
            }
        }
        .no-border{
            border-right: 0;
        }
    }
    // 售后
    .about{
        padding: 40px 0;
        padding-left: 160px;
        display: flex;
        .afterbuy{
            flex: 1;
            display: flex;
            dl{
                width: 25%;
                color: #424242;
                dt{
                    font-size: 14px;
                    margin: -1px 0 26px;
                }
                dd{
                    margin: 10px 0 0;
                    a{
                        font-size: 12px;
                        color: #424242;
                        transition: 0.2s;
                        -webkit-transition: 0.2s;
                        -moz-transition: 0.2s;
                        -ms-transition: 0.2s;
                        -o-transition: 0.2s;
                    }
                    a:hover{
                        color: $color;
                    }
                }
                
            }
        }
        .contact{
            width: 23%;
            // height: auto;
            height: 100px;
            border-left: 1px solid #e0e0e0;
            p{
                text-align: center;
                margin-bottom: 5px;
                &:first-child{
                    font-size: 22px;
                    color: $color;
                }
                
            }
            .time{
                font-size: 12px;
                color: #424242;
            }
            text-align: center;
            a{
                display: inline-block;
                font-size: 12px;
                width: 120px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: $color;
                border: 1px solid $color;
                .iconfont{
                    font-size: 12px;
                    transition: 0.2s;
                    -webkit-transition: 0.2s;
                    -moz-transition: 0.2s;
                    -ms-transition: 0.2s;
                    -o-transition: 0.2s;
                }
                transition: 0.2s;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -ms-transition: 0.2s;
                -o-transition: 0.2s;
            }
            a:hover{
                background-color: $color;
                color: white;
                .iconfont{
                    color: white;
                }
            }
        }
    }
    .info{
        background-color: #FAFAFA;
        padding: 30px 0;
        .logo{
            display: inline-block;
            font-size: 56px;
            color: $color;
            margin-right: 20px;
            vertical-align: top;
        }
        .text{
            display: inline-block;
            font-size: 12px;
            a{
                transition: 0.2s;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -ms-transition: 0.2s;
                -o-transition: 0.2s;
            }
            .t1 a{
                color: #757575;
            }
            .t2 a{
                color: #757575;
            }
            .t3{
                color: #b0b0b0;
                a{
                    color: #b0b0b0;
                }
            }
            a:hover{
                color: $color;
            }
            img{
                // width: 130px;
                height: 28px;
            }
            .slogan {
                margin: 30px 0 0;
                text-align: center;
                img{
                    height: 19px;
                }
            }
        }
    }
}